    <style type="text/css">
    ul.draggable { list-style-type: none; margin: 0; 
                    padding: 0; 
                    float: left; 
                    margin-right: 0px; 
                    background: #eee; 
                    padding: 0; 
                    width: 100%;
                    min-height: 40px;
                    }
    ul.draggable li{  
                    padding: 1mm; 
                    font-size: 0.8em; 
                    list-style-type: none;
                    }
    .accordion{
	    overflow: hidden;
	    width: 100%;    
	    max-height: 300px;
    }
    </style>

    <form id='<?php echo $this->form->getId() ;?>'  
                method="post">
            <?php echo $this->form->codigo?>
    <div id="formtabs" style="width: 100%; height:100%">
        <ul>
            <li><a href="#tabs-0" >Configuração</a></li>
            <li><a href="#tabs-1" >Mensal</a></li>
            <li><a href="#tabs-2" >Anual</a></li>
            <li><a href="#tabs-3" >Anualizado</a></li>
            <li><a href="#tabs-4" >Filtros</a></li>
        </ul>
        <div id="tabs-0" style="overflow: hidden">
            <?php echo $this->form->descritivo?>
            <?php echo $this->form->codigo_sistema?>
        </div>
        <div id="tabs-1" style="overflow: hidden">
            <?php echo $this->form->mensal?>
        </div>
        <div id="tabs-2" style="overflow: hidden">
            <?php echo $this->form->anual?>
        </div>
        <div id="tabs-3" style="overflow: hidden">
            <?php echo $this->form->anualizado?>
        </div>
        <div id="tabs-4" style="overflow: hidden">
            <?php echo $this->form->condicao_sexo?>
            <?php echo $this->form->condicao_faixa?>
            <?php echo $this->form->condicao_distrital?>
            <?php echo $this->form->periodo_disponivel?>
        </div>
    </div>
    <?php echo $this->form->submit?>
    </form>
    
<div id='draggable' class='draggable' style=" visibility:hidden; width:300px;position: relative; -moz-user-select: none; left: 553px; top: -160px;">
    <h3 class="ui-state-default ui-corner-all" style="margin:0;padding: 5px;">Ajuda</h3>
    <div class='accordion' style="min-height: 0; clear: none; ">
        <h3 style='font-size: 0.7em; margin-left: 0'>
            <a href="#" style='margin-left:4px;padding: 2px;'>
                Exemplo I
            </a>
        </h3>
        <div style='overflow: hidden;'>    
            instruções aki<br>
            sds
            instruções aki<br>
            sds
         </div>
        <h3 style='font-size: 0.7em; margin-left: 0'>
            <a href="#" style='margin-left:4px;padding: 2px;'>
                Exemplo I
            </a>
        </h3>
        <div style='overflow: hidden;'>    
            instruções aki<br>
            sds
            instruções aki<br>
            sds
         </div>

    </div>
</div>
    